<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="keywords" content="雷神NN加速器,雷神NN加速器,免费加速器,网游加速器,吃鸡加速器,绝地求生加速器,h1z1加速器,LOL加速器">
    <title>公益首页 - 雷神公益平台，雷神加速器</title>
    <!-- 引入网址图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <!-- 引入初始化样式 -->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入主样式 -->
    <link rel="stylesheet" href="./css/gongyi.css">
    <!-- 引入公共JS -->
    <script src="./js/common.js"></script>
    <!-- 引入jquery -->
    <script src="./js/jquery.min.js"></script>
    <!-- 引入主JS -->
    <script src="./js/gongyi.js"></script>
</head>

<body>
    <!-- 头部模块 -->
    <header class="header">
        <div class="header-bar">
            <div class="w1 clearfix">
                <!-- logo模块 -->
                <div class="logo fl">
                    <h1>
                        <a href="gongyi.html" title="雷神加速器">雷神加速器</a>
                    </h1>
                </div>
                <!-- menu菜单模块 -->
                <ul class="menu fl clearfix">
                    <li><a href="index.html" target="">加速器</a></li>
                    <li>
                        <img src="./images/header-Subscript.png" alt="">
                        <img src="./images/nav_bottom-flag.png" alt="">
                        <a href="javascript:;">商城</a>
                    </li>
                    <li class="active"><a href="gongyi.html">公益</a></li>
                </ul>
                <!-- 用户模块 -->
                <div class="user-login fr">
                    <div class="login fl">
                        <a href="javascript:;">登录</a>
                        <i></i>
                        <a href="javascript:;">注册</a>
                    </div>
                    <ul class="about fl">
                        <li><a href="javascript:;">关于雷神</a></li>
                        <li><a href="javascript:;">商家服务</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="header-sub">
            <div class="w1">
                <ul class="submune fr">
                    <li class="active"><a href="javascript:;">首页</a></li>
                    <li><a href="javascript:;">公益项目</a></li>
                    <li><a href="javascript:;">助力查询</a></li>
                    <li><a href="javascript:;">关于雷神公益</a></li>

                </ul>
            </div>
        </div>
    </header>
    <!-- banner模块 -->
    <div class="banner">
        <img src="./upload/banner1.png" alt="" class="bigimg">
        <img src="./upload/gongyi_logo.png" alt="" class="gongyi-img">
        <p class="gongyi-p">为用户提供帮助，为困难伸出双手</p>
    </div>
    <!-- 公益公示模块 -->
    <div class="welfare-hd w">
        <!-- 公益公式头部模块 -->
        <div class="welfare-head w">
            <img src="./images/shuju.png" alt="">
            <span class="welfare-head-p1">雷神公益数据公示</span>
            <span class="welfare-head-p2">接受用户监督 实时透明公示</span>
        </div>
        <!-- 公益公示主体模块 -->
        <div class="welfare-content">
            <div class="welfare-content-title">
                <img src="./images/calculator.png" alt="">
                <span>截止2021-06-26 10:30</span>
            </div>
            <div class="welfare-content-bd">
                <div class="welfare-content-bd-p">
                    <p>已支出：1,731,167.95元</p>
                    <p>剩余资金：700,297.43元</p>
                </div>
                <img src="./upload/下载.png" alt="">
            </div>
        </div>
        <!-- 输入框 -->
        <div class="welfare-search">
            <div class="welfare-search-hd">
                <span>累计助力人次:</span>
                <span>67568</span>
                <span>人</span>
            </div>
            <div class="welfare-search-title">
                <img src="./images/donation.png" alt="">
                <span>助力查询</span>
            </div>
            <div class="welfare-phoneinput">
                <div class="phonecode">
                    <img src="./images/cn.png" alt="">
                    <span>+86</span>
                </div>

                <input type="text" placeholder="请输入手机号"><!-- ////////////////////////// -->

            </div>
            <!-- 验证框 -->
            <div class="jy-btn">
                <span class="big">
                    <span class="small"></span>
                </span>
                <span class="text">点击按钮进行验证</span>
            </div>
            <div class="jy-mask">
                <span class="big">
                    <span class="small"></span>
                </span>
                <span class="text">点击按钮进行验证</span>
            </div>
            <button class="jy-btn1">
                助力查询
            </button>
        </div>

    </div>
    <!-- 公益宝贝模块 -->
    <div class="welfare-baobei">
        <div class="w">
            <div class="welfare-baobei-head">
                <img src="./images/taocan.png" alt="">
                <span>公益宝贝</span>
                <span>接受用户监督 实时透明公示</span>
            </div>
            <div class="welfare-baobei-zhuli">
                <div class="welfare-baobei-title">
                    <img src="./images/leishen_logo.png" alt="">
                    <span>雷神加速器</span>
                </div>
                <div class="welfare-baobei-content clearfix">
                    <div class="baobei-content-price">
                        <span>279</span>
                        <span>元</span>
                        <span>9000小时</span>
                    </div>
                    <p>每售出一份，雷神科技将为公益事业助力20元</p>
                    <button>立即助力</button>
                    <div class="baobei-content-tips">
                        <img src="./images/gongyi_love.png" alt="">
                        <span>（公益助力仅限在本页面进行）</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 用户助力模块 -->
    <div class="welfare-record">
        <div class="w">
            <div class="welfare-record-title">
                <span>用户实时助力动态</span>
            </div>
            <div class="record-all">
                <span>全部 ></span>
            </div>
            <div class="record-bd">
                <ul>
                    <li>
                        <span>2020-05-22 06:36:43</span>
                        <span>用户136****1821</span>
                        <span> 通过购买 加速器指定套餐助力金额20元，公益总金额已累计2431105元。感谢您为公益事业所做的贡献！</span>
                    </li>
                    <li>
                        <span>2020-05-22 06:36:43</span>
                        <span>用户136****1821</span>
                        <span> 通过购买 加速器指定套餐助力金额20元，公益总金额已累计2431105元。感谢您为公益事业所做的贡献！</span>
                    </li>
                    <li>
                        <span>2020-05-22 06:36:43</span>
                        <span>用户136****1821</span>
                        <span> 通过购买 加速器指定套餐助力金额20元，公益总金额已累计2431105元。感谢您为公益事业所做的贡献！</span>
                    </li>
                    <li>
                        <span>2020-05-22 06:36:43</span>
                        <span>用户136****1821</span>
                        <span> 通过购买 加速器指定套餐助力金额20元，公益总金额已累计2431105元。感谢您为公益事业所做的贡献！</span>
                    </li>
                    <li>
                        <span>2020-05-22 06:36:43</span>
                        <span>用户136****1821</span>
                        <span> 通过购买 加速器指定套餐助力金额20元，公益总金额已累计2431105元。感谢您为公益事业所做的贡献！</span>
                    </li>
                    <li>
                        <span>2020-05-22 06:36:43</span>
                        <span>用户136****1821</span>
                        <span> 通过购买 加速器指定套餐助力金额20元，公益总金额已累计2431105元。感谢您为公益事业所做的贡献！</span>
                    </li>
                    <li>
                        <span>2020-05-22 06:36:43</span>
                        <span>用户136****1821</span>
                        <span> 通过购买 加速器指定套餐助力金额20元，公益总金额已累计2431105元。感谢您为公益事业所做的贡献！</span>
                    </li>
                    <li>
                        <span>2020-05-22 06:36:43</span>
                        <span>用户136****1821</span>
                        <span> 通过购买 加速器指定套餐助力金额20元，公益总金额已累计2431105元。感谢您为公益事业所做的贡献！</span>
                    </li>
                    <li>
                        <span>2020-05-22 06:36:43</span>
                        <span>用户136****1821</span>
                        <span> 通过购买 加速器指定套餐助力金额20元，公益总金额已累计2431105元。感谢您为公益事业所做的贡献！</span>
                    </li>
                    <li>
                        <span>2020-05-22 06:36:43</span>
                        <span>用户136****1821</span>
                        <span> 通过购买 加速器指定套餐助力金额20元，公益总金额已累计2431105元。感谢您为公益事业所做的贡献！</span>
                    </li>
                    <li>
                        <span>2020-05-22 06:36:43</span>
                        <span>用户136****1821</span>
                        <span> 通过购买 加速器指定套餐助力金额20元，公益总金额已累计2431105元。感谢您为公益事业所做的贡献！</span>
                    </li>
                    <li>
                        <span>2020-05-22 06:36:43</span>
                        <span>用户136****1821</span>
                        <span> 通过购买 加速器指定套餐助力金额20元，公益总金额已累计2431105元。感谢您为公益事业所做的贡献！</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 公益活动模块 -->
    <div class="welfare-huodong w">
        <div class="huodong-head">
            <img src="./images/huodong.png" alt="">
            <span>公益活动</span>

        </div>
        <div class="huodong-list">
            <div class="clearfix">
                <div class="huodong-list-img">
                    <img src="./upload/activity.png" alt="">
                </div>
                <div class="huodong-list-warp">
                    <p class="huodong-list-warp-one">
                        <span>公益进行中 </span>
                        <span>众志成城 抗击疫情</span>
                    </p>
                    <p class="huodong-list-warp-two">
                        基于社会责任感，雷神科技有限公司作为创业全资公司，即时捐献103万元，发动员工捐款4.9万元。
                    </p>
                    <p class="huodong-list-warp-three">
                        <span>项目支出金额:</span>
                        <span>1,731,167.95元</span>
                    </p>
                    <button>
                        详情 >
                    </button>
                </div>
                <div class="huodong-list-share">
                    <span>分享做公益</span>
                    <div class="share-hover">
                        <img src="./upload/code.png" alt="">
                        <span>分享到朋友圈助力公益，中国公益事业感谢有您</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 尾部区域开始 -->
    <footer class="footer">
        <!-- 关于我们模块 -->
        <div class="footer-in footer-about clearfix">
            <div class="footer-about-con fl clearfix">
                <dl class="download-box">
                    <dt>下载客户端</dt>
                    <dd>
                        <a href="javascript:;">
                            <i class="footer-icon iconfont">&#xe605;</i>
                            <p>Windows</p>
                        </a>
                        <a href="javascript:;">
                            <i class="footer-icon iconfont">&#xe646;</i>
                            <p>Mac</p>
                            <div class="download-code"></div>
                        </a><a href="javascript:;">
                            <i class="footer-icon iconfont">&#xe60b;</i>
                            <p>IOS</p>
                            <div class="download-code"></div>
                        </a><a href="javascript:;">
                            <i class="footer-icon iconfont">&#xe603;</i>
                            <p>Android</p>
                            <div class="download-code"></div>
                        </a>
                    </dd>
                </dl>
                <dl class="about-box">
                    <dt>服务中心</dt>
                    <dd><a href="javascript:;">充值时长</a></dd>

                </dl>
                <dl class="contact-box">
                    <dt>帮助中心</dt>
                    <dd><a href="javascript:;">客服与帮助</a></dd>
                    <dd><a href="javascript:;">会员服务条款</a></dd>
                </dl>
                <dl class="follow-box">
                    <dt>商家服务</dt>

                </dl>
            </div>
            <div class="customer-box fr">
                <a href="javascript:;" class="customer-btn "><i class="iconfont">&#xe60f;</i>在线客服</a>
                <p>每天9:00-24:00客服在线 (全年无休)</p>
                <p>商务合作邮箱请联系：bd-1@nn.com<br>
                    客服服务邮箱：service@nn.com</p>
            </div>
        </div>
        <!-- 友情链接模块 -->
        <div class="footer-in footer-friend clearfix">
            <div class="footer-friend-title fl">友情链接:</div>
            <div class="footer-friend-link clearfix fl">
            </div>
        </div>
        <!-- 版权模块 -->
        <div class="footer-in footer-copyright">
            <div class="footer-address">
                <p>雷神科技有限公司 · 雷神（武汉）信息技术有限公司 版权所有</p>
                <p>公司地址：武汉市洪山区光谷花城大道武汉软件新城　分部：深圳市南山区月亮湾大道前海信利康大厦</p>
                <p>版本：V7.0 开发者：雷神（武汉）信息技术有限公司</p>
            </div>
            <div class="footer-beian">
                <p><a href="javascript:;"> 鄂ICP备19020988号-1</a><a href="javascript:;"><img
                            src="./images/footer-gonganbeian.png" alt=""> 鄂公网安备
                        42018502004285号</a><a href="javascript:;">网络文化经营许可证
                        鄂网文(2019)6112 360号</a></p>
                <p>增值电信业务经营许可证 鄂B2-20190537 B1-20195817</p>
            </div>
            <div class="footer-auth">
                <a href="javascript:;" class="auth-last">
                    <img src="./images/star4.png" alt="">
                    <img src="./images/1Y7M.png" alt="">
                </a>
            </div>
        </div>
    </footer>

    <!-- 注册登录结构 -->
    <!-- 遮罩层 -->
    <div class="login_zhezhao" style="display: none;">
    </div>
    <!-- 登录界面 -->
    <div class="login_denglu" style="display: none;">
        <div class="hd">
            <button class="btn">
                <i></i>
            </button>
        </div>
        <div class="bd">
            <div class="box">
                <div class="tab">
                    <div class="pe">
                        <span>手机登录</span>
                        <i></i>
                    </div>
                    <div class="e-mail">
                        <span>邮箱/账号/NN号登录</span>
                        <i></i>
                    </div>

                </div>
                <div class="inputbox">
                    <div class="inputphone">
                        <div class="inputphone-left fl">
                            <img src="./images/cn.png" alt="">
                            +86
                            <i></i>
                        </div>
                        <div class="fl">
                            |
                        </div>
                        <input type="text" placeholder="手机号" class="inputphone-right">
                    </div>
                    <input type="password" placeholder="密码" class="input-password">
                </div>
                <div class="inputbox-e" style="display: none;">
                    <input type="text" placeholder="邮箱号/账号" class="inputbox-e-1">
                    <input type="password" placeholder="密码" class="input-password">
                </div>
                <div class="recheck">
                    <div class="checkbox">
                        <div class="checkbox-lable">
                            <div class="checkbox-check">
                                <i></i>
                            </div>
                            <span class="check-lable">记住密码</span>
                        </div>

                        <a href="">忘记密码</a>
                    </div>
                </div>
                <div class="login_enter">
                    立即登录
                </div>
                <div class="login_white">
                    注册雷神, 免费体验1小时
                </div>
                <div class="login_icon">
                    <a href="">
                        <i class="weixin"></i>
                    </a>
                    <a href="">
                        <i class="qq"></i>
                    </a>
                    <a href="">
                        <i class="weibo"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 注册界面 -->
    <div class="login_zhuce" style="display: none;">
        <div class="hd">
            <h3>手机注册 <i></i></h3>
            <button class="btn">
                <i></i>
            </button>
        </div>
        <div class="login_body">
            <form action="#">
                <div class="login_input1 tel">
                    <div class="tel_left fl">
                        <span>86</span>
                        <img src="./images/cn.png" alt="" class="tel_cn">
                        <i></i>
                    </div>
                    <div class="tel_right fl">
                        <input type="text" placeholder="手机号" class="login_hint">

                    </div>

                </div>
                <div class="login_input1">
                    <input type="text" placeholder="图形验证码">
                    <div class="login_img"><img src="./upload/yzm.png" alt=""></div>
                </div>
                <div class="login_input1">
                    <input type="text" placeholder="短信验证码" class="login_hint" style="margin-bottom: 20px;">
                    <div class="login_serve"><a href="javascript:;">发短信</a>

                    </div>
                    <div class="login_input1">
                        <input type="password" placeholder="密码 (6-20位数字+字母组合)" class="login_hint">

                    </div>
                    <div class="login_input1">
                        <input type="password" placeholder="确认密码 (6-20位数字+字母组合)" class="login_hint">

                    </div>
                    <div class="login_box login_check">
                        <label for="tuijian"><input type="checkbox" id="tuijian" class="btns">推荐码(选填)
                            <div class="hook"></div>
                        </label>
                        <div class="tuijian_input"><input type="text" style="width: 100%;height: 100%;border: 0;"></div>
                    </div>
                    <div class="login_box login_check marbot">
                        <label for="read"><input type="checkbox" id="read" class="btns">我已阅读并同意<a
                                href="javascript:;">《用户协议》</a>
                            <div class="hook"></div>
                        </label>

                    </div>
                    <div class="login_content">
                        <button class="zhuce">立即注册</button>
                    </div>
                    <p class="login_box tologin">已有雷神账号? 去登录</p>
            </form>
        </div>
    </div>
</body>

</html>